@import "partials/mixins";

.subview {
    height: 100%;
    left: 0%;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    .subview-loading {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #ffffff;
        .loadpicture {
            width: 100%;
            height: 100%;
            background: url("~img/loading.gif") no-repeat center 40%;
            background-size: pxToRem(378px) pxToRem(280px);
        }
    }
    .subview-content {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        &>div:first-child {
            -webkit-overflow-scrolling: touch;
            position: absolute;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            //background-color: #ccc;
        }
    }
    .page {
        height: 100%;
        width: 100%;
        overflow: hidden;
        background: #f0eff5;
        position: relative;
        color: inherit;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .hideView {
        padding-left: pxToRem(25px);
        font-size: pxToRem(30px);
        color: #000;
        i,
        span {
            vertical-align: middle;
        }
    }
    .view {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .fw-header {
        height: pxToRem(86px);
        line-height: pxToRem(86px);
        border-bottom: 1px solid #ccc;
        background-color: #fff;
        color: #333;
        .right {
            font-size: pxToRem(30px);
            text-align: right;
            padding-right: pxToRem(25px);
        }
        h1 {
            font-size: pxToRem(34px);
            font-weight: normal;
            line-height: inherit;
            margin: 0;
            text-align: center;
        }
    }
    .icon-back {
        width: pxToRem(21px);
        height: pxToRem(36px);
        margin-right: pxToRem(7px);
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: pxToRem(21px) pxToRem(36px);
        background-image: url('~img/icon-back.png');
    }
    .icon_scan {
        width: pxToRem(42px);
        height: pxToRem(42px);
        display: inline-block;
        margin-right: pxToRem(5px);
        margin-left: pxToRem(15px);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: pxToRem(42px) pxToRem(42px);
        background-image: url('~img/scan.png');
    }
    .blue {
        color: #28ACB2;
    }
}